<template>
  <div class="shopcar">
      
    <div class="shopcar_img">
         <img v-lazy="product.imageurl?product.imageurl:'https://i.postimg.cc/MH7jLjt1/ec51647bef63e77a653af0f695ede60b.jpg'" />
    </div>
   
    <div class="shopcar_con">
        <p>{{product.categoryname}}</p>
        <p>{{product.name}}</p>
        <span>{{product.stock}}元</span>
    </div>
   
  </div>
</template>

<script>

import { Lazyload } from "vant";
export default {
  
    props:["product"],
  data() {
    return {
    };
  },
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  
};
</script>
<style scoped lang="less">
@import "../../assets/css/index.less";
/* @import url(); 引入css类 */
.shopcar{
     width: 1100 * @vw;
  height: 2075 * @vh;
}
.shopcar_img{
    height: 60%;
    width: 100%;
    text-align: center;
    img{
        width: 100%;
        height: 100%;
    }
}
</style>